<html>
<head>
    <title></title>
    <style type="text/css">
        body {
            margin-left: 45px;
            margin-right: 45px;
            font-family: Arial Unicode MS;
            font-size: 10px;
        }

        table {
            margin: auto;
            width: 100%;
            border-collapse: collapse;
            border: 1px solid #444444;
        }

        th, td {
            border: 1px solid #444444;
            font-size: 10px;
            margin-left: 5px;
        }

        th {
            text-align: center;
        }

        tr > td, tr > th {
            width: 10%;
        }

        tr > td:nth-child(2), tr > th:nth-child(2) {
            width: 20%;
        }

        tr > td:nth-child(3), tr > th:nth-child(3) {
            width: 20%;
        }

        .tc {
            text-align: center;
        }

        .tl {
            text-align: left;
        }

        .tr {
            text-align: right;
        }
        .green{
        background-color: #13743d;
            color: #ffffff;
        }
        .orange{
            background-color: #ffA500;
        }
        @page {
            size: 8.5in 11in;
            @bottom-center {
                content: "page " counter(
                        page
                ) " of  " counter(
                        pages
                );
            }


    </style>
</head>
<body>

<div>
    <table>
        <tr style="height:80px;">
            <td><img src="${logo}" width="100%"/></td>
            <td colspan="6" class="tc" style="font-weight: bold;font-size: 24px;">报价名称</td>
        </tr>
        <tr>
            <td>报价日期：</td>
            <td colspan="2">2019/05/05</td>
            <td colspan="4">报价人：吵架</td>
        </tr>
        <tr>
            <td>项目名称：</td>
            <td colspan="2">焙烤展</td>
            <td colspan="4">联系电话：吵架</td>
        </tr>
        <tr>
            <td colspan="7">客户名称：昊商易通1111</td>
        </tr>
    </table>

    <table>
        <thead class="green">
        <tr>
            <th>编号</th>
            <th>功能模块</th>
            <th>概述</th>
            <th>单位</th>
            <th>单价<br></br>（RMB）</th>
            <th>数量</th>
            <th>小计<br></br>（RMB）</th>
        </tr>
        </thead>
    </table>

    <table>
        <thead>
        <tr>
            <th colspan="7" class="tl">一、官网</th>
        </tr>
        </thead>
        <tbody>
            <tr>
                <td class="tc">1</td>
                <td class="tl">个性化</td>
                <td class="tl">特殊需求</td>
                <td class="tc">人天</td>
                <td class="tc">¥2,000</td>
                <td class="tc">1</td>
                <td class="tc">¥2,200</td>
            </tr>
        </tbody>
        <tfoot class="orange">
            <tr>
                <td colspan="6" style="font-weight: bold;" class="tr">小计：</td>
                <td class="tc">¥2,200</td>
            </tr>
        </tfoot>
    </table>

    <table>
        <tr class="orange">
            <td colspan="6" style="font-weight: bold;" class="tr">合计：</td>
            <td class="tc">¥2,200</td>
        </tr>
        <tr class="orange">
            <td colspan="6" style="font-weight: bold;" class="tr">税金（3%增值税专票）：</td>
            <td class="tc">¥2,200</td>
        </tr>
        <tr class="orange">
            <td colspan="6" style="font-weight: bold;" class="tr">总计（含税金3%增值税专票）：</td>
            <td class="tc">¥2,200</td>
        </tr>
        <tr class="orange">
            <td style="font-weight: bold;" class="tl">说明：</td>
            <td colspan="6" style="font-weight: bold;" class="tl">报价有效期截止至2019年05月31日。</td>
        </tr>
    </table>




</div>
</body>
</html>

